<template>
	<view>
		<view class="center">
			<view>退款类型</view>
			<view>
				<select class="xiala">
					<option value="">请选择</option>
					<option value="">我要退款</option>
					<option value="">退货退款</option>
				</select>
			</view>

			<view style="margin-top: 50rpx;">退款原因</view>
			<view>
				<select class="xiala">
					<option value="">请选择</option>
					<option value="">实物与图片不符</option>
					<option value="">无理由</option>
				</select>
			</view>
			
			<view style="margin-top: 50rpx;">退款金额</view>
			<view class="tuikuang-input"> 
				<u-input  type="type" placeholder="请输入退款金额"/>
			</view>
			
			<view style="margin-top: 50rpx;">退款说明<span style="color: gray;margin-left: 20rpx;">(可不填)</span></view>
			
			<view class="pingjia">
				<textarea>请输入退款说明</textarea>
			</view>

		</view> 
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style lang="scss">
	page {
		background-color: #e9e9e9;
	}

	.center {
		width: 95%;
		margin: 0 auto;
		margin-top: 40rpx;
		font-weight: bold;
	}

	.xiala {
		width: 95%;
		height: 65rpx;
		color: gray;
		margin-top: 20rpx;
		border-radius: 15rpx;
		border-color: white;

	}
	
	.tuikuang-input{
		background-color: white;
		width: 95%;
		height: 65rpx;
		color: gray;
		margin-top: 20rpx;
		border-radius: 15rpx;
		border-color: white;
		font-size: 1rpx;
	}
	
	.pingjia{
		background-color: white;
		margin-top: 20rpx;
		width: 95%;
		border-radius: 15rpx;
		height: 200rpx;
	}
	
</style>